<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="UTF-8">
    <title>Loading</title>
    <style>
        @media (prefers-color-scheme:dark) {
            * {
                fill: gray;
                background-color: #000;
                transition: color .3s, background-color .3s
            }
        }
    </style>
</head>

<body><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="10rem" height="10rem" viewBox="0 0 24 30"
        style="position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)">
        <rect x="0" width="4" height="0" class="rect">
            <animate attributeName="opacity" values="0.3;0.6;0.3" begin="0s" dur="0.4s" repeatCount="indefinite" />
            <animate attributeName="height" values="10;20;10" begin="0s" dur="0.4s" repeatCount="indefinite" />
            <animate attributeName="y" values="10;5;10" begin="0s" dur="0.4s" repeatCount="indefinite" />
        </rect>
        <rect x="8" width="4" height="0" class="rect">
            <animate attributeName="opacity" values="0.3;0.6;0.3" begin="0.1s" dur="0.4s" repeatCount="indefinite" />
            <animate attributeName="height" values="10;20;10" begin="0.1s" dur="0.4s" repeatCount="indefinite" />
            <animate attributeName="y" values="10;5;10" begin="0.1s" dur="0.4s" repeatCount="indefinite" />
        </rect>
        <rect x="16" width="4" height="0" class="rect">
            <animate attributeName="opacity" values="0.3;0.6;0.3" begin="0.2s" dur="0.4s" repeatCount="indefinite" />
            <animate attributeName="height" values="10;20;10" begin="0.2s" dur="0.4s" repeatCount="indefinite" />
            <animate attributeName="y" values="10;5;10" begin="0.2s" dur="0.4s" repeatCount="indefinite" />
        </rect>
    </svg>
    <script>setTimeout(function () { window.location = "https://bj.timpaik.top:50004/" }, 500)</script>
</body>

</html>